<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Vue.js实例</title>
</head>
<body>
  <h1>Vue2.0实例</h1>
  <hr>
  <ol>
    <li><a href="./example/helloWorld.html">Hello World!</a></li>
    <li><a href="./example/v-if.html">v-if&v-else&v-show</a></li>
    <li><a href="./example/v-for.html">v-for 实例</a></li>
    <li><a href="./example/v-text.html">v-text&v-html 实例</a></li>
    <li><a href="./example/v-on.html">v-on 实例</a></li>
    <li><a href="./example/v-model.html">v-model 实例</a></li>
    <li><a href="./example/v-bind.html">v-bind 实例</a></li>
    <li><a href="./example/others.html">v-pre&v-cloak&v-once 实例</a></li>
  </ol>
  <hr>
  <h1>全局API</h1>
  <ol>
    <li><a href="./example/vue.directive.html">vue.directive 实例</a></li>
    <li><a href="./example/vue.extend.html">vue.extend 实例</a></li>
    <li><a href="./example/vue.set.html">vue.set 实例</a></li>
    <li><a href="./example/vue.lifecycle.html">vue生命周期 实例</a></li>
    <li><a href="./example/vue.template.html">vue template 实例</a></li>
    <li><a href="./example/vue.component-1.html">vue component-1 全局组件</a></li>
    <li><a href="./example/vue.component-2.html">vue component-2 props</a></li>
    <li><a href="./example/vue.component-3.html">vue component-3 父子组件</a></li>
    <li><a href="./example/vue.component-4.html">vue component-4 </a></li>
  </ol>
  <hr>
  <h1>构造器里的选项</h1>
  <ol>
    <li><a href="./example/propsData.html">propsData option</a></li>
    <li><a href="./example/computed.html">computed option</a></li>
    <li><a href="./example/methods.html">methods option</a></li>
    <li><a href="./example/watch.html">watch option</a></li>
    <li><a href="./example/mixins.html">mixins option</a></li>
    <li><a href="./example/extends.html">extends option</a></li>
  </ol>
  <hr>
  <h1>Vue实例和内部组件</h1>
  <ol>
    <li><a href="./example/example01.html">example methods</a></li>
    <li><a href="./example/example02.html">example2 methods</a></li>
    <li><a href="./example/example03.html">example3 methods</a></li>
    <li><a href="./example/slot.html">slot</a></li>
    
  </ol>
</body>
</html>